<div class="sign-offer">
  <!-- <ng-container>
      <ion-header class="commonHeader" style="position: fixed; -ms-flex-order: -1; top: 0;border-bottom: 0.062rem solid #EBEBED;">
          <ion-toolbar>
              <ion-buttons slot="start">
                  <ion-button appDebounceClick (debounceClick)="cancel()">
                      <img class="header-icon-img" src="assets/img/back_left.png" alt="back">
                  </ion-button>
              </ion-buttons>
              <ion-title class="commonTitleText">{{tagDatas.title}}</ion-title>
          </ion-toolbar>
      </ion-header>
  </ng-container> -->
<form (ngSubmit)="offersubmit()" >
  <div class="tranfer-time">
      <div class="slide-box">
          <div *ngFor="let item of this.tagDatas.cycle"
              [ngClass]="item.isCheck=='true'?'slide-item':'slide-itemtwo'" appDebounceClick (debounceClick)="choosetimelimit(item)">
              {{item.name}}</div>
      </div>
      <div>
          <List>
              <!-- 服务天数部分 -->
              <ng-container *ngIf="ifserveday">
                  <ion-item class="post-item" lines="inset">
                      <ion-label>{{tagDatas.cycleForm.label}}</ion-label>
                      <ion-input type="number" [(ngModel)]="tagDatas.cycleForm.rules[0].value"
                          [maxlength]="tagDatas.cycleForm.max"
                          [attr.placeholder]="tagDatas.cycleForm.placeHolder"
                          name="tagDatas.cycleForm.placeHolder" ></ion-input>
                      <span class="jointEnd">{{tagDatas.cycleForm.endLabel}}</span>
                  </ion-item>
              </ng-container>
              <!-- 是否选择广告位 -->
              <ng-container>
                  <ion-item class="post-item">
                      <ion-label>{{tagDatas.advertisement.switchButton.label}}</ion-label>
                    <!--   <input type="checkbox" class="hidden-toggle" id="ifadvertis" [(ngModel)]="ifadvertis" name="ifadvertis"> -->
                      <label class="segment-block" appDebounceClick (debounceClick)="ifadvertisclick()">
                          <span class="border-left"
                              [ngClass]="{'nochecked':!ifadvertis,'checked':ifadvertis}">是</span>
                          <span class="border-right"
                              [ngClass]="{'checked':!ifadvertis, 'nochecked':ifadvertis}">否</span>
                      </label>
                  </ion-item>
              </ng-container>
              <!-- 广告位置 -->
              <ng-container *ngIf="ifadvertis">
                  <div class="advertisement-all" id="advertisement-all">
                      <div class="advertisement-left">
                          <ListItem className="text-picker" class="dropDownBox" Picker [extra]="tagDatas.advertisement.placeHolder"
                              [cascade]="true" [arrow]="'horizontal'" [data]="advertisementlist"
                              [ngModel]="tagDatas.advertisement.formKey" (ngModelChange)="onOk2($event,1)" name="tagDatas.advertisement.formKey">
                          </ListItem>
                      </div>
                      <div class="advertisement-center"></div>
                      <div class="advertisement-right">
                          <ListItem class="dropDownBox" Picker [extra]="tagDatas.advertisement.subPlaceHolder"
                              [cascade]="true" [arrow]="'horizontal'" [data]="advertisementlist3"
                              [ngModel]="tagDatas.advertisement.value" (ngModelChange)="onOk2($event,2)"
                              [disabled]="ifpicker" name="tagDatas.advertisement.value">
                          </ListItem>
                      </div>
                  </div>
              </ng-container>
              <!-- 广告天数 -->
              <ng-container *ngIf="ifadvertis">
                  <ion-item class="post-item" lines="inset">
                      <ion-label>{{tagDatas.advertisement.textInputWithEndLabel.label}}</ion-label>
                      <ion-input type="number" [(ngModel)]="tagDatas.advertisement.textInputWithEndLabel.rules[0].value"
                          [maxlength]="tagDatas.advertisement.textInputWithEndLabel.max"
                          [attr.placeholder]="tagDatas.advertisement.textInputWithEndLabel.placeHolder"
                           name="tagDatas.advertisement.textInputWithEndLabel.placeHolder"
                           >
                      </ion-input>
                      <span class="jointEnd">{{tagDatas.advertisement.textInputWithEndLabel.endLabel}}</span>
                  </ion-item>
              </ng-container>
              <!-- 标准价格部分 -->
              <ng-container>
                <div class="standard-offer-all">
                    <div class="standard-offer">
                        <div>{{tagDatas.price.value}}</div><i>元</i>
                    </div>
                    <div class="standard-offer-text">{{tagDatas.price.label}}</div>
                    <div><div class="refresh-button" appDebounceClick (debounceClick)="offerrefresh()">{{tagDatas.price.button.label}}</div></div>
                </div>
            </ng-container>
            <!-- 优惠价格部分 -->
            <ng-container>
              <ion-item class="post-item" lines="inset">
                  <ion-label>{{tagDatas.textInputWithEndLabel.label}}</ion-label>
                  <ion-input type="number" [(ngModel)]="tagDatas.textInputWithEndLabel.rules[0].value"
                      [maxlength]="tagDatas.textInputWithEndLabel.max"
                      [attr.placeholder]="tagDatas.textInputWithEndLabel.placeHolder"
                      name="tagDatas.textInputWithEndLabel.placeHolder">
                  </ion-input>
                  <span class="jointEnd">{{tagDatas.textInputWithEndLabel.endLabel}}</span>
              </ion-item>
          </ng-container>
            <!-- 是否需要预付部分 -->
            <ng-container>
                <ion-item class="post-item">
                    <ion-label>{{tagDatas.PrepayPrice.switchButton.label}}</ion-label>
                   <!--  <input type="checkbox" class="hidden-toggle" id="ifprepay" [(ngModel)]="ifprepay" name="text"> -->
                    <label class="segment-block" appDebounceClick (debounceClick)="ifprepayclick()">
                        <span class="border-left"
                            [ngClass]="{'nochecked':!ifprepay,'checked':ifprepay}">是</span>
                        <span class="border-right"
                            [ngClass]="{'checked':!ifprepay, 'nochecked':ifprepay}">否</span>
                    </label>
                </ion-item>
            </ng-container>
            <ng-container *ngIf="ifprepay">
                <ion-item class="post-item" lines="inset" >
                    <ion-label>{{tagDatas.PrepayPrice.textInputWithEndLabel.label}}</ion-label>
                    <ion-input type="number" [(ngModel)]="tagDatas.PrepayPrice.textInputWithEndLabel.rules[0].value"
                        [maxlength]="tagDatas.PrepayPrice.textInputWithEndLabel.max"
                        [attr.placeholder]="tagDatas.PrepayPrice.textInputWithEndLabel.placeHolder" name="text"></ion-input>
                    <span class="jointEnd">{{tagDatas.PrepayPrice.textInputWithEndLabel.endLabel}}</span>
                </ion-item>
            </ng-container>
              <!-- 佣金比例部分 -->
             <!--  <div class="commission">
               </div>
              <ng-container>
                <ion-item class="post-item" lines="inset">
                    <ion-label>{{tagDatas.formObjs[0].label}}</ion-label>
                    <ion-input type="number" [(ngModel)]="tagDatas.formObjs[0].rules[0].value"
                        [maxlength]="tagDatas.formObjs[0].maxLength"
                        [attr.placeholder]="tagDatas.formObjs[0].placeHolder"
                         name="tagDatas.formObjs[0].formKey"
                         >
                    </ion-input>
                    <span class="jointEnd">{{tagDatas.formObjs[0].extra}}</span>
                </ion-item>
            </ng-container> -->
            <!-- 推荐客户部分 -->
              <div class="commission">
            </div>
            <!-- <ng-container>
                    <ng-container >
                      <ion-textarea class="textarea" rows="6" cols="10" style="padding:0px 1.25rem;font-size: 16px;"
                      [maxlength]="tagDatas.formObjs[1].maxLength" [attr.placeholder]="tagDatas.formObjs[1].placeHolder" [(ngModel)]="tagDatas.formObjs[1].value"  name="tagDatas.formObjs[1].value">
                      </ion-textarea>
                      <p class="tr">{{tagDatas.formObjs[1].value? tagDatas.formObjs[1].value.length || 0 : 0}}/{{tagDatas.formObjs[1].maxLength}}</p>
                    </ng-container>
            </ng-container> -->
            <!-- 收款部分 =============================-->
            <ng-container>
                <div class="commission">
                </div>
                <!-- 时间选择 -->
                <ng-container>
                    <ListItem DatePicker [showErrorToast]=false [extra]="currentValue(tagDatas.formObjs[2])"  [arrow]="'horizontal'"
                      [maxDate]="getDate(tagDatas.formObjs[2].max,tagDatas.formObjs[2])" [minDate]="getDate(tagDatas.formObjs[2].min,tagDatas.formObjs[2])"
                      [mode]="'datetime'"
                      [(ngModel)]="tagDatas.formObjs[2].defValue" name="tagDatas.formObjs[2].formKey"  [ngModelOptions]="{standalone: true}"  [locale]="locale"
                      (onOk)="datetime($event,tagDatas.formObjs[2])" [className]="tagDatas.formObjs[2].value ? 'select-checked' : 'select-default'">
                      {{tagDatas.formObjs[2].label}}
                    </ListItem>
                    <!-- <ListItem DatePicker [showErrorToast]=false [extra]="currentValue(test)" [arrow]="'horizontal'"
                    [maxDate]="getDate(test.max,test)" [minDate]="getDate(test.min,test)" [mode]="'datetime'"
                    [(ngModel)]="test.defValue" name="tagDatas.formObjs[2].formKey" [ngModelOptions]="{standalone: true}"  [locale]="locale"
                    (onOk)="datetime($event,test)" [className]="test.value ? 'select-checked' : 'select-default'">
                    {{test.label}}
                    </ListItem> -->
                  </ng-container>
                  <!-- 支付类型 -->
                  <ng-container>
                    <ListItem class="dropDownBox" Picker [extra]="tagDatas.formObjs[3].placeHolder" [arrow]="'horizontal'" [cascade]="true" [className]="tagDatas.formObjs[3].value!==''? 'select-checked' : 'select-default'" [ngModel]="tagDatas.formObjs[3].value" [data]="tagDatas.formObjs[3].data" (ngModelChange)="onOk3($event,tagDatas.formObjs[3])"  name="tagDatas.formObjs[3].formKey">
                        {{tagDatas.formObjs[3].label}}
                    </ListItem>
                    <hr> 
                  </ng-container>
                  <!-- 收款金额 -->
                  <!-- <ng-container>
                    <ion-item class="post-item" lines="inset">
                        <ion-label>{{tagDatas.formObjs[4].label}}</ion-label>
                        <ion-input type="number" [(ngModel)]="tagDatas.formObjs[4].rules[0].value"
                            [maxlength]="tagDatas.advertisement.textInputWithEndLabel.max"
                            [attr.placeholder]="tagDatas.formObjs[4].placeHolder"
                             name="tagDatas.formObjs[4].formKey"
                             >
                        </ion-input>
                    </ion-item>
                </ng-container> -->
                <!-- 合同凭证 -->
                  <ng-container>
                      <div class="contract-all">
                          <div class="contract-text">{{tagDatas.formObjs[5].label}}</div>
                          <div class="contract-conter">
                              <div class="quick-bg" appDebounceClick (debounceClick)="changeItemobjValidator()">
                                <i [ngClass]="{'release-check': ifcontract === true,'release-uncheck':ifcontract !== true}"> </i>
                                <span class="contract-label">{{tagDatas.formObjs[5].tips}}</span>
                            </div
                          ></div>
                      </div>
                  </ng-container>
                 <!--  <ng-container>
                    <app-photo-select [tagData]="test" (updateUrl)="updateUrlHandler($event)"></app-photo-select>
                  </ng-container> -->
                  <!-- 合同凭证图片上传 -->
                  <ng-container *ngIf="ifcontract === true">
                    <app-photo-select [tagData]="tagDatas.formObjs[5].subHtmlObj[0]" (updateUrl)="updateUrlHandler($event)"></app-photo-select>
                  </ng-container>
                  <ng-container>
                    <div class="commissiontwo">
                    </div>
                    <!-- 合同编号 -->
                    <ion-item class="post-item" lines="inset">
                        <ion-label>{{tagDatas.formObjs[5].subHtmlObj[1].label}}</ion-label>
                        <ion-input type="number" [(ngModel)]="tagDatas.formObjs[5].subHtmlObj[1].rules[0].value"
                            [maxlength]="tagDatas.formObjs[5].subHtmlObj[1].maxLength"
                            [attr.placeholder]="tagDatas.formObjs[5].subHtmlObj[1].placeHolder"
                             name="tagDatas.formObjs[5].subHtmlObj[1].formKey"
                             >
                        </ion-input>
                    </ion-item>
                </ng-container>
                <!-- 凭证类型 -->
                <ng-container>
                    <ListItem class="dropDownBox" Picker [extra]="tagDatas.formObjs[6].placeHolder" [arrow]="'horizontal'" [cascade]="true" [className]="tagDatas.formObjs[6].value!==''? 'select-checked' : 'select-default'" [ngModel]="tagDatas.formObjs[6].value" [data]="tagDatas.formObjs[6].data" (ngModelChange)="onOk4($event,tagDatas.formObjs[3])"  name="tagDatas.formObjs[6].formKey">
                        {{tagDatas.formObjs[6].label}}
                    </ListItem>
                    <hr> 
                  </ng-container>
                  <!-- 上传凭证图片 -->
                  <ng-container>
                    <app-photo-select [tagData]="tagDatas.formObjs[7]" (updateUrl)="updateUrlHandlertwo($event)"></app-photo-select>
                  </ng-container>
                  <ng-container>
                      <!-- 支付订单号 -->
                    <div class="commissiontwo">
                    </div>
                    <ion-item class="post-item" lines="inset">
                        <ion-label>{{tagDatas.formObjs[8].label}}</ion-label>
                        <ion-input type="number" [(ngModel)]="tagDatas.formObjs[8].rules[0].value"
                            [maxlength]="tagDatas.formObjs[8].maxLength"
                            [attr.placeholder]="tagDatas.formObjs[8].placeHolder"
                             name="tagDatas.formObjs[8].formKey"
                             >
                        </ion-input>
                    </ion-item>
                </ng-container>
                <ng-container>
                    <!-- 收款备注 -->
                    <ng-container >
                      <ion-textarea class="textarea" rows="6" cols="10" style="padding:0px 1.25rem;;font-size: 16px;"
                      [maxlength]="tagDatas.formObjs[9].maxLength" [attr.placeholder]="tagDatas.formObjs[9].placeHolder" [(ngModel)]="tagDatas.formObjs[9].value" name="tagDatas.formObjs[9].formKey">
                      </ion-textarea>
                      <p class="tr">{{tagDatas.formObjs[8].value? tagDatas.formObjs[9].value.length || 0 : 0}}/{{tagDatas.formObjs[9].maxLength}}</p>
                    </ng-container>
                </ng-container>
            </ng-container>
          </List>
          <div class="submit-all">
              <button [disabled]="Status">{{tagDatas.button.label}}</button>
              <p>报价后，商户会收到你的签约消息</p>
              <a appDebounceClick (debounceClick)="previewcontract()">{{tagDatas.link.label}}</a>
          </div>
      </div>
  </div>
</form>
</div>